﻿@{
    ViewBag.Title = "PedidoList";
    Layout = "~/Views/Shared/_Template.cshtml";
}
@section ClientScripts {
    <script type='text/javascript'>
        $(function () {
            $('#crudtable').dataTable({
                "sDom": "<'row'<'col-sm-12'T><'col-sm-12'f>r>t<'row'<'col-sm-12'i><'col-sm-12'p>>",
                "sAjaxSource": "LoadPedidosPro",
                "bServerSide": false,
                "bAutoWidth": false,
                "bDestroy": true,
                "aoColumns": [
                    { "mData": "Nro" },
                    { "mData": "Fecha" },
                    { "mData": "Cliente" },
                    { "mData": "FechaEntrega", "sClass": "center" }
                ],
                "oTableTools": {
                    "sRowSelect": "single",
                    "aButtons": [

                    ]
                }
            });
            $('.dataTables_filter input').addClass('form-control').attr('placeholder', 'Buscar...');
            $('.dataTables_length select').addClass('form-control');

        });

    </script>
}
<div id="page-content">
    <div id='wrap'>
        <div id="page-heading">
            <ol class="breadcrumb">
                <li class='active'><a href="index.php">Ventas</a></li>
                <li class='active'><a href="index.php">Pedidos</a></li>
            </ol>

            <h1>Ventas</h1>
        </div>


        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <h4>Pedidos</h4>
                            <div class="options">
                                <a href="javascript:;"><i class="fa fa-cog"></i></a>
                                <a href="javascript:;"><i class="fa fa-wrench"></i></a>
                                <a href="javascript:;" class="panel-collapse"><i class="fa fa-chevron-down"></i></a>
                            </div>
                        </div>
                        <div class="panel-body collapse in">
                            <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered datatables" id="crudtable">
                                <thead>
                                    <tr>
                                        <th width="30%">Nro</th>
                                        <th width="20%">Fecha</th>
                                        <th width="18%">Cliente</th>
                                        <th width="20%">Fecha entrega</th>
                                    </tr>
                                </thead>

                            </table>
                            <!--end table-->
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- container -->
    </div> <!--wrap -->
</div> <!-- page-content -->